<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>添加公司历程 </title>

    <!-- ================= Favicon ================== -->
    <!-- Standard -->
    <link rel="shortcut icon" href="http://placehold.it/64.png/000/fff">
    <!-- Retina iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="144x144" href="http://placehold.it/144.png/000/fff">
    <!-- Retina iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="114x114" href="http://placehold.it/114.png/000/fff">
    <!-- Standard iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="72x72" href="http://placehold.it/72.png/000/fff">
    <!-- Standard iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="57x57" href="http://placehold.it/57.png/000/fff">

    <!-- Styles -->
    <link href="__ADMIN_OTHER__/fontAwesome/css/fontawesome-all.min.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/themify-icons.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/mmc-chat.css" rel="stylesheet" />
    <link href="__ADMIN_CSS__/lib/sidebar.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/bootstrap.min.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/nixon.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/style.css" rel="stylesheet">
</head>

<body>

{include file="public/menu"}
<!-- /# sidebar -->
{include file="public/header"}

<div class="content-wrap">
    <div class="main">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 p-0">
                    <div class="page-header">
                        <div class="page-title">
                            <h1></h1>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 p-0">
                    <div class="page-header">
                        <div class="page-title">
                            <ol class="breadcrumb text-right">
                                <li><a>公司历程列表</a></li>
                                <li class="active">公司历程添加</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-content">
                <form action="/admin/addCompanyHistory" method="post" id="topform">
                    <input type="hidden" name="type" value="1">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="card alert">
                                <div class="card-header">
                                    <h4 >公司历程 添加</h4>
                                </div>
                                <div class="card-body">
                                    <div class="basic-form">
                                        <div class="form-group">
                                            <label>名称</label>
                                            <input type="text" name="name" class="form-control" value="" placeholder="名称">
                                        </div>
                                        <div class="form-group">
                                            <label>排序</label>
                                            <input type="text" name="sort" class="form-control" value="" placeholder="当前页位置(倒叙，数值越大越靠前)">
                                        </div>

                                        <div class="form-group">
                                            <label>是否展示</label>
                                            <select class="form-control" name="status" id="status">
                                                <option selected="selected" value="0">不展示</option>
                                                <option value="1">展示</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>图片</label>
                                            <input type="text" name="img" class="form-control" value="" placeholder="url (七牛云的外链)">
                                        </div>
                                        <input type="hidden" name="type" value="1">
                                        <div class="form-group">
                                            <label>文章</label>
                                            <input type="hidden" name="content" id="content" value="">
                                            <div id="editor" >

                                            </div>
                                            <br />
                                            <button type="button" id="quick" class="btn btn-success m-b-10 m-l-5">内容添加完成</button>
                                        </div>
                                        <button type="submit" class="btn btn-success m-b-10 m-l-5">添加</button>
                                    </div>
                                </div>
                            </div>
                        </div><!-- /# column -->
                    </div><!-- /# row -->
                </form>
            </div><!-- /# container-fluid -->
        </div><!-- /# main -->
    </div><!-- /# content wrap -->
</div>

<script src="__ADMIN_JS__/lib/jquery.min.js"></script><!-- jquery vendor -->
<script src="__ADMIN_JS__/lib/jquery.nanoscroller.min.js"></script><!-- nano scroller -->
<script src="__ADMIN_JS__/lib/sidebar.js"></script><!-- sidebar -->
<script src="__ADMIN_JS__/lib/bootstrap.min.js"></script><!-- bootstrap -->
<script src="__ADMIN_JS__/lib/mmc-common.js"></script>
<script src="__ADMIN_LAYER__/layer.js"></script><!-- scripit init-->
<script src="__ADMIN_JS__/lib/ueditor/ueditor.config.js"></script>
<script src="__ADMIN_JS__/lib/ueditor/ueditor.all.min.js"></script>
<script src="__ADMIN_JS__/lib/wangEditor.js"></script>
<script type="text/javascript">
    document.getElementById('quick').addEventListener('click', function () {
        $('#content').click();
    })
    var E = window.wangEditor
    var editor = new E('#editor')
    // 自定义菜单配置
    editor.customConfig.menus = [
        'head',  // 标题
        'bold',  // 粗体
        'fontSize',  // 字号
        'fontName',  // 字体
        'italic',  // 斜体
        //'underline',  // 下划线
        //'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        //'link',  // 插入链接
        //'list',  // 列表
        'justify',  // 对齐方式
        //'quote',  // 引用
        //'emoticon',  // 表情
        'image',  // 插入图片
        'table',  // 表格
        //'video',  // 插入视频
        //'code',  // 插入代码
        //'undo',  // 撤销
        //'redo'  // 重复
    ],
        // 下面两个配置，使用其中一个即可显示“上传图片”的tab。但是两者不要同时使用！！！
        editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存图片
    editor.create()
    document.getElementById('content').addEventListener('click', function () {

        document.getElementsByName("content")[0].value = editor.txt.html();

    })

    //}, false)
</script>

</body>
</html>